<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
	<title>Free CSS template by ChocoTemplates.com</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!--[if IE 6]>
		<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
	<![endif]-->
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-func.js"></script>
</head>
<body>
<!-- Shell -->
<div id="shell">

	<!-- Main -->
	<div id="main">
		<!-- Content -->
		<div id="content">

			<!-- Box -->
			<div class="box">
				<div class="head">
					<h2>LATEST TRAILERS</h2>
					<p class="text-right"><a href="#">See all</a></p>
				</div>

				<!-- Movie -->
				<div class="movie">

					<div class="movie-image">

						<a href="#"><span class="play"><span class="name">X-MAN</span></span><img src="css/images/movie1.jpg" alt="movie" /></a>
					</div>

					<div class="rating">
						<p>RATING</p>
						<div class="stars">
							<div class="stars-in">

							</div>
						</div>
						<span class="comments">12</span>
					</div>
				</div>
				<!-- end Movie -->

				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<a href="#"><span class="play"><span class="name">SPIDER MAN 2</span></span><img src="css/images/movie1.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING</p>
						<div class="stars">
							<div class="stars-in">

							</div>
						</div>
						<span class="comments">12</span>
					</div>
				</div>
				<!-- end Movie -->

				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<a href="#"><span class="play"><span class="name">SPIDER MAN 3</span></span><img src="css/images/movie1.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING</p>
						<div class="stars">
							<div class="stars-in">

							</div>
						</div>
						<span class="comments">12</span>
					</div>
				</div>
				<!-- end Movie -->

				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<a href="#"><span class="play"><span class="name">VALKYRIE</span></span><img src="css/images/movie1.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING</p>
						<div class="stars">
							<div class="stars-in">

							</div>
						</div>
						<span class="comments">12</span>
					</div>
				</div>
				<!-- end Movie -->

				<!-- Movie -->
				<div class="movie">
					<div class="movie-image">
						<a href="#"><span class="play"><span class="name">GLADIATOR</span></span><img src="css/images/movie1.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING</p>
						<div class="stars">
							<div class="stars-in">

							</div>
						</div>
						<span class="comments">12</span>
					</div>
				</div>
				<!-- end Movie -->

				<!-- Movie -->
				<div class="movie last">
					<div class="movie-image">
						<a href="#"><span class="play"><span class="name">ICE AGE</span></span><img src="css/images/movie1.jpg" alt="movie" /></a>
					</div>
					<div class="rating">
						<p>RATING</p>
						<div class="stars">
							<div class="stars-in">

							</div>
						</div>
						<span class="comments">12</span>
					</div>
				</div>
				<!-- end Movie -->

				<div class="cl">&nbsp;</div>
			</div>
			<!-- end Box -->


		</div>
		<!-- end Content -->

	</div>
	<!-- end Main -->

</div>
<!-- end Shell -->
</body>
</html>